<template>
  <div>
    <!-- 三级联动已经是全局组件，，直接使用即可。 -->
    <TypeNav/>
    <ListContainer/>
    <Recommend/>
    <Rank/>
    <Like/>
    <!-- Floor组件，，在自己组件内部是没有发请求的，数据是父组件home给发的。 -->
    <Floor v-for="(floor) in floorList" :key="floor.id" :list="floor"/>
    <!-- <Floor/> -->
    <Brand/>
    <!-- <button @click="add">点击我+1</button>
    <span>仓库的数据{{count}}</span>
    <button>点击我-1</button> -->
   
  </div>
</template>

<script>
// 引入其余组件
import ListContainer from '@/pages/Home/ListContainer'
import Recommend from '@/pages/Home/Recommend'
import Rank from '@/pages/Home/Rank'
import Like from '@/pages/Home/Like'
import Floor from '@/pages/Home/Floor'
import Brand from '@/pages/Home/Brand'
import {mapState} from 'vuex'

export default {
  components:{
    ListContainer,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand,
  },
  computed:{
    ...mapState({
      floorList:state=>state.home.floorList
    })
  },
  methods:{
    
  },
  mounted(){
    //派发action,,获取floor数据
    this.$store.dispatch('getFloorList')
    //获取用户信息，，在首页展示
    // this.$store.dispatch('getUserInfo')
  },

}
</script>

<style>

</style>